<style lang="less" scoped="scoped">
    .div-basic{
        width: 25%;
        float:left;
    }
    .div-span-class{
        margin: 10px 30px;
    }
    .record{
        .time{
            font-size: 14px;
            font-weight: bold;
        }
        .content{
            padding-left: 5px;
        }
    }

</style>
<template>
    <div class="div-basic">

        <h2>渠道基本信息</h2>
        <h3 class="div-span-class">合作商代码:&nbsp;&nbsp;{{this.channelInfo.channelCode}}</h3>
        <h3 class="div-span-class">合作商名称:&nbsp;&nbsp;{{this.channelInfo.channelFullName}}</h3>
        <h3 class="div-span-class">统一社会信息代码:&nbsp;&nbsp;{{this.channelInfo.socUniCrtCode}}</h3>
        <h3 class="div-span-class">法人:&nbsp;&nbsp;{{this.channelInfo.legalPerson}}</h3>
        <h3 class="div-span-class">法人电话:&nbsp;&nbsp;{{this.channelInfo.legalPersonTel}}</h3>
        <h3 class="div-span-class">实际控制人:&nbsp;&nbsp;{{this.channelInfo.actualController}}</h3>
        <h3 class="div-span-class">实际控制人身份证号:&nbsp;&nbsp;{{this.channelInfo.actualControllerIdCard}}</h3>
        <h3 class="div-span-class">管理员姓名:&nbsp;&nbsp;{{this.channelInfo.channelAdmin}}</h3>
        <h3 class="div-span-class">管理员邮箱:&nbsp;&nbsp;{{this.channelInfo.channelAdminMail}}</h3>
        <h3 class="div-span-class">管理员地址:&nbsp;&nbsp;{{this.channelInfo.channelAdminAddressDetail}}</h3>
        <h3 class="div-span-class">注册地址:&nbsp;&nbsp;{{this.channelInfo.channelAddressDetail}}</h3>

        <div v-if="isNeedApproval">
            <h2>审批进度</h2>
           <!-- <Timeline pending class="div-span-class">
                <TimelineItem v-for="item in this.recordDetails ">
                    {{item.applyLink}} &nbsp;&nbsp; {{item.createTime}} &nbsp;&nbsp; {{item.applyResult}}
                </TimelineItem>
            </Timeline>-->
          <!--  <ul type="circle">
                <li v-for="item in this.$parent.recordDetails">{{item}}</li>
            </ul>-->
            <br>

            <div class="record">
                <Timeline>
                    <TimelineItem  v-for="item in this.$parent.recordDetails">
                        <p class="time">{{item.time}}</p>
                        <p class="content" >{{item.detail}}</p>
                    </TimelineItem>
                </Timeline>
            </div>

        </div>

    </div>
</template>
<script>

    export default {
        props: {
            channelInfo: {
                type: Object
            },
            recordDetails:{
                type: Array
            },
            isNeedApproval:{
                type: Boolean
            }
        },
        computed:{

        },

        data () {
            return {
            }
        },
        mounted () {
            this.initDataDic();
        },
        methods: {
            initDataDic(){
                //数据字典
                console.log(this.$parent.recordDetails,"------------------------------")
            }
        }
    }
</script>
